<template>
    <div class="service-page">
		<div class="service-box">
            <!-- <div class="pic t-cen marg-B1">
                <img src="../assets/images/kf-pic.png" />
            </div>
            <div class="fs-20 t-cen t-three marg-B1 fw-7">联系客服</div>
            <div class="fs-24 t-cen t-three fw-5">
                400-888-888
            </div>
            <div class="fs-20 t-cen marg-T2 marg-B2 t-three">
                微信客服
            </div>
            <div class="wx-pic">
                <img src="../assets/images/code-pic.png" />
            </div> -->
            <div v-html="dataInfo"></div>
        </div>
	</div>
</template>
<script>
    import {request} from "../assets/js/utils/request"
	import mixin from '@/assets/js/mixin'
	export default {
		mixins: [mixin],
        data() {
            return {
                dataInfo: {}
            }
        },
        created() {
            this.initData()
        },
        methods: {
            initData() {
                request({
                    url: '/config/content/kf',
                    method: 'get'
                }).then(res => {
                    if(res.code == 200) {
                        this.dataInfo = res.data.content
                    }
                })
            }
        }
	}
</script>
<style lang="less" scoped>
    .service-page{
		padding: 30px;
        border-radius: 8px;
        background: #fff;
		.service-box{
            width: 400px;
			margin: 0 auto;
			.pic{
				image{
					width: 45px;
				}
			}
		}
		.wx-pic{
            width: 248px;
            height: 248px;
            line-height: 248px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 1);
            border: 2px solid rgba(229, 229, 229, 1);
			margin: 0 auto;
			text-align: center;
			img{
				width: 165px;
                vertical-align: middle;
			}
		}
	}
</style>
